<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>新标签页</title>
<link href="select.css" rel="stylesheet" type="text/css">
<link href="style.css" rel="stylesheet" type="text/css">
<link href="jquery.autocomplete.css" rel="stylesheet" type="text/css">
</head>

<body>
<div class="setup">
  <div class="smart-push-f"><a __href="#" class="smart-push"><em>智能</em></a>
    <div class="smart-push-pre">
      <div class="smart-push-pre-ui">
        <em></em>
        <h3>用您最常访问网址填充空白格子：</h3>
      <ul></ul>
      </div>
    </div>
  </div>
  <a __href="#" class="setup-tit"><em>设置</em></a>
</div>
<!--end setup-->
<div class="wrap">
  <form id="search-form" action="http://www.so.com/s?src=360se6_addr&ie=utf-8" type="GET">
    <input type="hidden" name="src" value="360se6_addr" />
    <input type="hidden" name="ie" value="utf-8" />
    <div class="search-cat">
      <a cat-name="webpage" __href="#" class="on">网页</a> <a cat-name="news" __href="#">新闻</a> <a cat-name="video" __href="#">视频</a> <a cat-name="image" __href="#">图片</a> <a cat-name="music" __href="#">MP3</a> <a cat-name="map" __href="#">地图</a> <a cat-name="wenda" __href="#">问答</a>
    </div>
    <div class="search">
      <div class="ipt">
        <div id="search-switch" class="search-engine">
          <a __href="#" class="so"></a>
          <div class="search-arr">
            <span></span>
          </div>
        </div>
        <!--end search-engine-->
        <input id="search-kw" name="q" type="text" _placeholder="360搜索">
        <div id="search-hotword"></div>
      </div>
      <div class="btn"><input value="搜索" type="submit"></div>
    </div>
  </form>
  <!--end search-->
  <div class="grid">
    <div class="custom-mode-tips">
      请根据喜好自定义添加，删除，拖拽排列快速访问内容 <a class="btn-close"></a>
    </div>
    <ul>
    </ul>
  </div>
  <!--end grid-->
</div>
<!--end wrap-->

<div class="add-url">
  <div class="title">
    <h2>添加网址</h2>
    <input type="search" incremental name="add-url-q" class="placeholder" placeholder="查找网站">
    <a __href="#" class="url-cls"> </a> </div>
  <ul class="url-cats">
    <li cat-name="hot" class="on">热门推荐</li>
    <li cat-name="video">影视视频</li>
    <li cat-name="news">新闻资讯</li>
    <li cat-name="shopping">网上购物</li>
    <li cat-name="weibo">社区微博</li>
    <li cat-name="novel">文学小说</li>
    <li cat-name="game">游戏娱乐</li>
    <li cat-name="lift">生活服务</li>
    <li cat-name="money">投资理财</li>
    <b class="dashed"></b>
    <li cat-name="custom">手动添加</li>
  </ul>
  <div class="cont">
    <div class="recommend">
      <div class="scroll scrollbar">
        <div class="nodata">无搜索结果</div>
        <ul class="logo-list"><div class="loaderror">无法连接到服务器，请检查网络后<a __href="#" class="reload">点此重试</a></div></ul>
      </div>
    </div>
    <div class="custom">
      <form id="add-url-form">
          <input type="hidden" id="js-addurl-foridx" />
          <ul class="url-list">
            <li> 名称：
              <input id="js-addurl-title" name="title" type="text" class="ipt-2"/>
            </li>
            <li> 网址：
              <input id="js-addurl-url" name="url" type="text" class="ipt-2" value="http://" />
            </li>
          </ul>
          <div class="url-box">
            <ul class="url-tag">
              <li class="cur_"> 最常访问 </li>
            </ul>
            <div class="url-often scrollbar">
              <ul>
                <!--<li> <a __href="#"><img src="images/ico_1.png" />http://dribbble.com/shots/602321-What-I-Eat</a> </li>-->
              </ul>
            </div>
            <!--end url-con--> 
          </div>
          <div class="url-b">
            <input id="js-addurl-confirm" class="btn-2" value="确定" type="submit" />
            <input id="js-addurl-cancel" class="btn-3" value="取消" type="reset" />
          </div>
      </form>
    </div>
  </div>
</div>
<!--end add-url-->

<ul class="search-menu" style="display:none">
  <li><a __href="#" class="so"></a>综合搜索</li>
  <li><a __href="#" class="google"></a>谷歌</li>
  <li><a __href="#" class="baidu"></a>百度</li>
</ul>
<div class="addurl-mask" style="display:none" onselectstart="return false;" onmousedown="return false;" onmousemove="return false;">
</div>
<div class="setup-pop" style="display:none;">
  <div class="setup-arr">
    <span> </span>
  </div>
  <a __href="#" class="setup-cls"> </a>
  <ul>
    <li>
      <label>
        <input type="checkbox" id="js-show-search-form" checked class="js-auto-save setup-opt" />
        显示搜索框</label>
    </li>
    <li>
      <label>
        <input type="checkbox" id="js-show-in-newtab" class="js-auto-save setup-opt" />
        用新标签打开网址</label>
    </li>
  </ul>
  <dl>
    <dt> 快速访问显示个数 </dt>
    <dd>
      <select id="js-grid-count" class="js-auto-save">
        <option value="0">0</option>
        <option value="8">8</option>
        <option value="12" selected>12</option>
        <option value="16">16</option>
        <option value="20">20</option>
      </select>
    </dd>
    <!--<dt>
      快速访问显示内容
    </dt>
    <dd>
      <select id="js-grid-from" class="js-auto-save">
        <option value="1">最常访问（自动根据访问次数调整）</option>
        <option value="2" selected>自定义（固定显示添加的网址）</option>
      </select>
    </dd>-->
  </dl>
</div>
<!--end setup-pop-->

<div class="news-box-tips yellow-tips">
  <em></em>提示：这里会自动更新当前热点新闻<a class="btn-close"></a>
</div>
<div class="smart-restore-tips yellow-tips arrow-right">
  <em></em>您已使用最常访问的网址填充了空白格子 <a __href="#" class="restore-griddata">撤销</a>
</div>
<div class="smart-push-tips yellow-tips arrow-right">
  <em></em>点击智能按钮，使用您最常访问的网址填充空白格子。&nbsp; <a class="btn-close"></a>
</div>
<div class="remove-tips" style="display:none">
  您已删除缩略图 <a __href="#" id="removeUrlsFromBlackList">撤销</a>
</div>
<!--end tips-->

<script type="text/template" id="tile-widget">
<li class="tile">
  <div class="box">
    <a>
    <div class="tile-add">
      <img src="images/tile_add.png">
    <img src="images/tile_addhov.png" style="display:none;">
    </div>
    </a>
  <div class="link" href="${url}" __title="${short_url}">
    <div class="tile-logo tile-widget">
    <div class="widget ${widget_type}"></div>
      <div class="remove" title="删除"></div>
    </div>
    </div>
  </div>
</li>
</script> 
<script type="text/template" id="tile-temp">
<li class="tile">
  <div class="box">
    <a>
    <div class="tile-add">
      <img src="images/tile_add.png">
    <img src="images/tile_addhov.png" style="display:none;">
    </div>
    </a>
  <a class="link" href="${url}" __title="${short_url}">
    <div class="tile-logo">
      <img src="chrome://thumb/${url}" />
      <div class="remove" title="删除">
      </div>
      <div class="tile-tit" title="${title}">${title}</div>
    </div>
    </a>
  </div>
</li>
</script> 
<script type="text/template" id="tile-logo-temp">
<div>
  <a class="link" href="${url}" __title="${short_url}">
    <div class="tile-logo">
      <img src="chrome://thumb/${url}" />
      <div class="remove" title="删除">
      </div>
      <div class="tile-tit" title="${title}">${title}</div>
    </div>
    </a>
</div>
</script> 
<script type="text/template" id="tile-add-temp">
<li class="tile">
  <div class="box empty">
    <a>
    <div class="tile-add">
      <img src="images/tile_add.png">
    <img src="images/tile_addhov.png" style="display:none;">
    </div>
    </a>
  </div>
</li>
</script> 
<script type="text/template" id="tile-empty-temp">
<li class="tile ${drag} empty-tile">
  <a class="link" url="">
    <div class="tile-logo">
      <img />
    </div>
    <div class="tile-tit"></div>
  </a>
</li>
</script> 
<script src="jquery-1.8.0.min.js"></script> 
<script src="jquery.tmpl.js"></script> 
<script src="jquery.autocomplete.js"></script> 
<script src="jquery.validate.js"></script> 
<script src="jquery-ui-1.9.1.custom.min.js"></script> 
<script src="custom_event.js"></script> 
<script src="chrome_webui_apis.js"></script>
<xscript src="test_chrome_webui_apis.js"></xscript>
<script src="placeholder.js"></script> 
<script src="util.js"></script>
<script src="newsbox.js"></script>
<script src="new_page.js"></script> 
<script src="stat.js"></script>
</body>
</html>
